@import "variables";

.plan-edit-teaching-process {
  background: color($h5, c9);
}

.teaching-process-name {
  width: 100%;
  padding: pxTorem(30) pxTorem(30);
  color: color($h5, c2);
  @include font-size(f2);
  font-weight: bold;
  background: color($h5, c10);
}

.teaching-process-page {
  padding-bottom: pxTorem(150);
  .predict-time ul {
    width: 100%;
    background: color($h5, c10);
    li {
      display: flex;
      align-items: center;
      padding: pxTorem(30) pxTorem(30);
      justify-content: space-between;
      span {
        font-size: standard($f, f2);
        color: color($h5, c2);
        flex: 1;
      }
      input {
        font-size: standard($f, f2);
        color: color($h5, c4);
        text-align: right;
        flex: 1;
      }
    }
  }
  .teaching-content {
    .edit-header {
      width: 100%;
      padding: pxTorem(30) 0;
      background: color($h5, c10);
      .edit-title-stripe {
        width: 100%;
        border-left: pxTorem(6) solid color($h5, c1);
        font-size: standard($f, f3);
        font-weight: bold;
        color: color($f, c2);
        padding-left: pxTorem(18);
      }
    }
    ul {
      background: color($h5, c10);
      padding: pxTorem(30) pxTorem(30) 0;
      display: flex;
      flex-wrap: wrap;
      li {
        height:pxTorem(150);
        margin-right:pxTorem(20);
        width:calc((100% - 3rem)/4);
        margin-bottom:pxTorem(20);
        img{
          width:100%;
          height:100%;
        }
      }
      li:nth-child(4n){
        margin-right:0;
      }
    }

  }
}

.fixed-bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
